<html>

	<head>
		<meta charset="utf-8">
			
		<link rel="stylesheet" href="{{__PUBLIC__}}/Home/less/index.css" />
		<link rel="stylesheet" href="{{__PUBLIC__}}/Home/less/bottom.css" />
		<script src="{{__PUBLIC__}}/Home/js/jquery-1.8.2.min.js" ></script>
		<script type="text/javascript">
//		tab切换效果	
			$(function(){
		// 给Li加鼠标移入事件
		$('#nav .nav .right ul li').mouseover(function(){
			// 获得当前移入的li序号
			var c=$(this).index();
//			alert(c);
			// 让c号对应的div显示， 他的兄弟元素隐藏
			$('#nav .nav .right ul .tab').eq(c).show().siblings('.tab').hide();
		})
//		给li加鼠标移出效果
		$('#nav .nav .right ul li').mouseout(function(){
			$('#nav .nav .right ul .tab').hide();
		})
		
	})
//			轮播图效果
				$(function() {
				//				大总管变量
				var c = 0;
				//				自动轮播的函数
				function run() {
						c++;
						c = (c == 6) ? 0 : c;
						//					让c号图片显示，c号li变红
						$('#big .middle img').eq(c).fadeIn(300).siblings('img').fadeOut(300);
						$('#big .middle ul li').eq(c).css('background', '#B61B1F').siblings('li').css('background', '#414141');
					}
					//				设置自动轮播的定时器
				timer = setInterval(run, 1000);
//				$('#jd').hover(function(){
//					clearInterval(timer);
//				},function(){
//					timer=setInterval(run,1000)
//				})
//				
				//				给li加鼠标移入移出效果
				$('#big .middle ul li').hover(function() {
					var _this = $(this);
					//					停止定时器
					clearInterval(timer);
					t = setTimeout(function() {
						//						如果this写在定时器里，就指向定时器
						//					获得鼠标移入的li的序号
						c = _this.index();
						//					让c号图片显示，c号li变红
						$('#big .middle img').eq(c).fadeIn(300).siblings('img').stop().fadeOut(300);
						$('#big .middle ul li').eq(c).css('background', '#B61B1F').siblings('li').css('background', '#414141');
					}, 200)
				}, function() {
					//					清理定时炸弹
					clearTimeout(t);
					//					设置定时器
					timer = setInterval(run, 1000);
				})
//				给img加hover事件
				$('#big .middle img').hover(function(){
					clearInterval(timer);
				},function(){
					timer=setInterval(run,1000);
				})
			})
		</script>
		<style>
			.hover{
				color:red;
			}
		</style>
		<title>凡客</title>
	</head>

	<body>
		
		<!--载入头部-->
		{{include file="VIEW_PATH/Common/header.php"}}
		
		<!--大区域-->
		<div id="big">
			<div class="big">
				<div class="left">
					{{foreach from="$catedata" value="$v"}}
					<div class="women">
						
						<span ><a href="{{U('List/index',array('cid'=>$v['cid']))}}"style="color: #B81C22;font-family: "宋体"; font-size: 14px;font-weight: 400;">{{$v['cname']}}</a></span>	
						{{foreach from="$v['son']" value="$sv"}}
						<dd>
							<li>
								<p><a href="{{U('List/index',array('cid'=>$sv['cid']))}}" class='top'>{{$sv['cname']}}</a></p>
								
									{{foreach from="$sv['nextson']" key="$nk" value="$nv"}}
										{{if value="$nk eq 0"}}
										<a href="{{U('List/index',array('cid'=>$nv['cid']))}}"class="one">{{$nv['cname']}}</a>
										{{else}}
										<a href="{{U('List/index',array('cid'=>$nv['cid']))}}">{{$nv['cname']}}</a>
										{{endif}}
									{{endforeach}}
								
								</li>
						</dd>
						{{endforeach}}

					</div>
					{{endforeach}}
				</div>
				<div class="middle">
					<img src="{{__PUBLIC__}}/Home/images/fanke1.jpg" style="display: block;" />
					<img src="{{__PUBLIC__}}/Home/images/fanke2.jpg"  alt="" />
					<img src="{{__PUBLIC__}}/Home/images/fanke3.jpg" alt="" />
					<img src="{{__PUBLIC__}}/Home/images/fanke4.jpg"  alt="" />
					<img src="{{__PUBLIC__}}/Home/images/fanke5.jpg"  alt="" />
					<img src="{{__PUBLIC__}}/Home/images/fanke6.jpg"  alt="" />
					<ul>
						<li style="background: #B61B1F;">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
					</ul>
				</div>
				<div class="right">
					<img src="{{__PUBLIC__}}/Home/images/ycxt.jpg" alt="" class='ycxt' />
					<img src="{{__PUBLIC__}}/Home/images/100zhi.jpg" alt="" />
				</div>
			</div>

		</div>
		<!--当季推荐-->
		<div id="now_recomen">
			<div class="now_recomen">
				<h2>当季推荐</h2>
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" class='end' alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" class='end' alt="" />
			</div>
		</div>
		<div id="waist">
			<div class="waist">
				<h2>上装</h2>
				<img class='big' src="{{__PUBLIC__}}/Home/images/fhruwjakd.jpg" alt="" />
				<img class='big' src="{{__PUBLIC__}}/Home/images/fhruwjakd.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/fkmxsm.jpg" alt="" class='end' />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/fkmxsm.jpg" alt="" class='end' />

			</div>
		</div>
		<div id="pants">
			<div class="pants">
				<h2>下装</h2>
				<img class='big' src="{{__PUBLIC__}}/Home/images/fhruwjakd.jpg" alt="" />
				<img class='big' src="{{__PUBLIC__}}/Home/images/fhruwjakd.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/fkmxsm.jpg" alt="" class='end' />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/nnnlm.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/fkmxsm.jpg" alt="" class='end' />
			</div>
		</div>
		<div id="more">
			<div class="more">
				<h2>更多精品</h2>
				<img src="{{__PUBLIC__}}/Home/images/shuiximian.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/shuiximian.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/shuiximian.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/shuiximian.jpg" alt="" />
				<img src="{{__PUBLIC__}}/Home/images/shuiximian.jpg" alt="" class='end' />
			</div>

		</div>
		<!--公共部位-->
		<!--载入结尾-->
		{{include file="VIEW_PATH/Common/footer.php"}}
</body>

</html>